<template>
	<el-card class="adhoc">
		<v-header title="信息管理>所有用户" class="v-header"></v-header>
		<!--导航栏-->
		<el-container>
			<el-tabs :model="index" @tab-click="handleSelect" class="adhoc-tab">
				<el-tab-pane label="所有用户" name='0' class="adhoc-tabs-item">
					<AllUserIndexVue />
				</el-tab-pane>
				<el-tab-pane label="机构部门" name='1' class="adhoc-tabs-item">
					<OrganizationIndex />
				</el-tab-pane>
				<el-tab-pane label="角色管理" name='2' class="adhoc-tabs-item">
					<RoleIndex />
				</el-tab-pane>
			</el-tabs>
		</el-container>
	</el-card>
</template>

<script>
	import AllUserIndexVue from './AllUserIndex.vue'
	import OrganizationIndex from './OrganizationIndex.vue'
	import RoleIndex from './RoleIndex.vue'
	export default {
		components: {
			AllUserIndexVue,
			OrganizationIndex,
			RoleIndex
		},
		data() {
			return {
				index: '0'
			}
		},
		methods: {
			// 导航栏切换
			handleSelect(e) {
				// if (e.index == '0') {
				// 	this.$router.replace({
				// 		path: '/home/AllUserIndex'
				// 	})
				// }
				// if (e.index == '1') {
				// 	this.$router.replace({
				// 		path: '/home/OrganizationIndex'
				// 	})
				// }
				// if (e.index == '2') {
				// 	this.$router.replace({
				// 		path: '/home/RoleIndex'
				// 	})
				// }
			},
		}
	}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
	.adhoc /deep/ {
		.el-card__body {
			.el-tabs.adhoc-tab {
				width: 100%;

				&>.el-tabs__header {
					.el-tabs__nav-wrap:after {
						display: none
					}

					.el-tabs__item {
						border-radius: 20px;
						padding: 0;
						padding-right: 20px !important;
						width: 100px;
						text-align: center;
					}

					.el-tabs__active-bar {
						background-color: #FFEBEB;
						height: 80%;
						top: 10%;
						border-radius: 20px;
						z-index: -1;
					}
				}

			}
		}



		// .el-menu-item.is-active {
		// 	border-radius: 50px !important;
		// 	overflow: hidden;
		// 	box-shadow: none !important;
		// 	background-color: #FFEBEB !important;
		// 	color: #F95160 !important;
		// }


	}
</style>
